iT邦幫忙

2023 iThome 鐵人賽

DAY 27
0
Software Development

第一次學Web Service的經驗談系列 第 27

Day27主題:Line Notify前端服務(3)

  • 分享至 

  • xImage
  •  

我們已經完成了後台服務掛載及前台加入服務參考;接下來就是程式的撰寫了,讓我們來一步一步地進行,首先調整一下View的內容:

  1. 在剛建立好的前台專案,預設的View內容如下:
    @{
        ViewBag.Title = "Home Page";
    }
    
    <div class="jumbotron">
        <h1>ASP.NET</h1>
        <p class="lead">ASP.NET is a free web framework for building great Web sites and Web applications using HTML, CSS and JavaScript.</p>
        <p><a href="https://asp.net" class="btn btn-primary btn-lg">Learn more &raquo;</a></p>
    </div>
    
    <div class="row">
        <div class="col-md-4">
            <h2>Getting started</h2>
            <p>
                ASP.NET MVC gives you a powerful, patterns-based way to build dynamic websites that
                enables a clean separation of concerns and gives you full control over markup
                for enjoyable, agile development.
            </p>
            <p><a class="btn btn-default" href="https://go.microsoft.com/fwlink/?LinkId=301865">Learn more &raquo;</a></p>
        </div>
        <div class="col-md-4">
            <h2>Get more libraries</h2>
            <p>NuGet is a free Visual Studio extension that makes it easy to add, remove, and update libraries and tools in Visual Studio projects.</p>
            <p><a class="btn btn-default" href="https://go.microsoft.com/fwlink/?LinkId=301866">Learn more &raquo;</a></p>
        </div>
        <div class="col-md-4">
            <h2>Web Hosting</h2>
            <p>You can easily find a web hosting company that offers the right mix of features and price for your applications.</p>
            <p><a class="btn btn-default" href="https://go.microsoft.com/fwlink/?LinkId=301867">Learn more &raquo;</a></p>
        </div>
    </div>
    
  2. 可依個人的喜好,進行調整或是將其整段刪除,也可以保留並直接在最後面加上此次要增加程式碼。
    <div>
        <h1>Line Notify 傳送訊息<small>[教學範例]</small></h1>
        <label for="LineText">輸入欲傳送的文字</label>
        <input type="text" name="LineText" id="LineText" />
        <input type="button" id="submit_message" value="送出" onClick="DoSendLineNotify();" />
    </div>
    
  3. 眼尖的大神是否有發現,我們是呼叫【DoSendLineNotify】函式來將文字傳遞到Controller去的,而這是透過JavaScript方法;所以還要再加上JavaScript的程式才行喔。

好的,今天就先到這兒,明天再來繼續吧!


上一篇
Day26主題:Line Notify前端服務(2)
下一篇
Day28主題:Line Notify前端服務(4)
系列文
第一次學Web Service的經驗談31
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言